body{
	padding-top: .1px;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
.clear{
	clear: both;
	width: 1px;
	height: 1px;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cursor{
	cursor: pointer;
}
.vertical{
	vertical-align: middle !important;
}
.c-center-container{
	width: 1100px;
	margin: 0 auto;
}
.c-right-container{
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
	width: 700px;
	min-height: 500px;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 10px;
	background: ivory;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-to, .fade-leave-active {
  opacity: 0
}

.c-title{
	font-weight: bold;
	font-size: 13px;
	margin: 13px 0;
}
.ui.button{
	padding: 7px 15px;
	font-size: 13px;
	margin: 20px auto;
	margin-left: 20px;
	&.disabled{
		opacity: .5;
	}
}
.ui.table{
	table-layout: fixed;
}
pre{
	clear: right;
	background: #fff;
	font-family: sans-serif;
	font-size: 12px;
	padding: 5px 10px;
	border: 1px dashed #ccc;
	border-radius: 5px;
}
.alert{
	position: fixed;
	top: 10px;
	right: 100px;
	transition: all .5s;
	font-size: 9px;
	&.fading{
		opacity: 0;
	}
	.ui.icon.message{
		height: 2.5em;
	}
	.icon{
		font-size: 1.5em !important;
	}
}